<template>
	<div class="text">
		<div class="box1">
			<h3>全部订单</h3>
		</div>
		<div class="box2">
			<ul>
				<li><a href="/"></a>全部</li>
				<li>待付款</li>
				<li>已付款</li>
				<li>待评价</li>
				<li>退款/售后</li>
			</ul>
		</div>
		<div class="box3">
			<img src="../../assets/img/1.jpg" />
			<li><span>这里是美食之家</span></li>
		</div>
		<BottonNav :propsurl='arr'></BottonNav>
	</div>
</template>
<script>
import Cookies from 'js-cookie';
import BottonNav from '../default/BottonNav.vue'	
	
export default{
	name:'Text',
	components:{
		BottonNav,
	},
	data(){
		return{
			arr:[require('@/assets/img/img22.98e00f94.png'),require('@/assets/img/img22.98e00f94.png'),require('@/assets/img/img33.3d66679c.png')],
		}
	},
	created() {
		let that=this
		this.axios.get('http://localhost:8080/api/dataUser.json').then( (res)=>{
			let data=res.data.msg[0]
			that.userlist_four=data.Userfour
		}).catch((error)=>{
			console.log(error)
		});
		if(!Cookies.get('numbers')){
			this.$router.push('/order')
		}
	}
}
</script>

<style>
.box1{
	width: 100%;
	height: 30%;
}
.box1 h3{
	font-size: 0.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	color: #000000;
}
.box2{
	width: 100%;
	height: 50px;
}
.box2 ul li{
	width: 90px;
	float: left;
	font-size: 15px;
	text-indent: 1em;
	line-height: 50px;
}
.box3{
	text-align: center;
	margin: 50% auto;
}
.box3 img{
	width: 300px;
	margin: 0 auto;
}
.box3 li{
	font-size: 20px;
}
</style>
